﻿<%@ Page Title="" Language="C#" MasterPageFile="~/huongnghiep/frontend.Master" AutoEventWireup="true" CodeBehind="list.aspx.cs" Inherits="VQWEB.huongnghiep.quiz.list" %>
<asp:Content ID="Head" ContentPlaceHolderID="Head" runat="server"></asp:Content>
<asp:Content ID="Content" ContentPlaceHolderID="Content" runat="server">    
    <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12 f-content-left">
        <!-- Thanh điều hướng -->
        <ol class="breadcrumb">
            <li><a href="/trang-chu.html">Trang chủ</a></li>
            <li><a href="/bo-trac-nghiem.html">Hướng nghiệp</a></li>
        </ol>
        <!--/ Thanh điều hướng -->
        <!-- Banner Bộ hướng nghiệp -->
        <div class="row f-row">
            <div class="container ffff">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 group ss2">
                <div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                    <h4 class="f-icon-btn"><i class="glyphicon glyphicon-align-justify"></i></h4>
                </div>
                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-10 f-white">
                    <h4>Trắc nghiệm hướng nghiệp</h4>
                    <p>Bạn hãy trả lời những câu hỏi sau, hệ thống sẽ gợi ý cho bạn thuộc Tip người nào. Và tương ứng với Tip người hệ thống sẽ hướng cho bạn các ngành nghề thích hợp hơn</p>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 hidden-xs pull-right">
                    <img class="img-responsive" src="/images/bo-trac-nghiem-right.png" alt="">
                </div>
            </div>
            </div>
        </div>
        <!--/ End banner Bộ hướng nghiệp -->
        <!-- Câu hỏi đầu tiên hướng nghiệp -->
        <div class="row f-row">
            <div class="container ffff">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 f-color group">
                <h4 class="f-tab"><i class="glyphicon glyphicon-check"> </i> Nếu mô tả về bạn, bạn là người</h4>
            </div>
            </div>
        </div>
        <!--/ End câu hỏi đầu tiên hướng nghiệp -->
        <!-- Câu trả lời đầu tiên -->
        <div class="row">
            <div class="container ffff">
            <div class="row vt">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="a"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">a. Nói nhiều hơn là nghe người khác nói.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="b"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">b. Lắng nghe người khác nhiều hơn là nói. </span></div>
                </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="c"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">c. Chú ý các tiểu tiết. </span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="d"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">d. Chú ý bức tranh toàn cảnh và những việc có thể xảy ra. </span></div>
                </div>
                </div>
            </div>
            <div class="row vt">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="e"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">e. Quyết định mọi việc rất khách quan.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="f"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">f. Quyết định mọi việc theo giá trị riêng của chúng và cảm nhận của bạn.</span></div>
                </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="g"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">g. Thực hiện đúng kế hoạch đặt ra, không muốn thay đổi.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="h"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">h. Linh hoạt khi thực hiện các kế hoạch.</span></div>
                </div>
                </div>
            </div>
            </div>
        </div>
        <!--/ End câu trả lời đầu tiên -->
        <!-- Câu hỏi thứ 2 -->
        <div class="row f-row">
            <div class="container ffff">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 f-color group">
                <h4 class="f-tab"><i class="glyphicon glyphicon-check"> </i> Trong những buổi họp mặt hay tranh luận cùng bạn bè, bạn …</h4>
            </div>
            </div>
        </div>
        <!--/ End câu hỏi thứ 2 -->      
        <!-- Câu trả lời thứ 2 -->
        <div class="row">
            <div class="container ffff">

            <div class="row vt">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="a"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">a. Thích là tâm điểm của sự chú ý.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="b"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">b. Cảm thấy thoải mái khi ở một mình.</span></div>
                </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="c"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">c. Thích những giải pháp thực tế.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="d"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">d. Thích những ý tưởng sáng tạo.</span></div>
                </div>
                </div>
            </div>
            <div class="row vt">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="e"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">e. Thường tranh luận cho vui. </span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="f"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">f. Cố gắng tránh tất cả tranh luận và đối đầu.</span></div>
                </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="g"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">g. Rất chú trọng đến thời gian và luôn đúng giờ.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="h"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">h. Ít quan tâm đến thời gian và thường trễ hẹn. </span></div>
                </div>
                </div>
            </div>
            </div>
        </div>
        <!--/ End câu trả lời thứ 2 -->
        <!-- Câu hỏi và trả lời thứ 3 - 4 - 5 ... -->
        <div class="row f-row">
            <div class="container ffff">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 f-color group">
                <h4 class="f-tab"><i class="glyphicon glyphicon-check"> </i> Quan điểm sống của bạn là …</h4>
            </div>
            </div>
        </div>          
        <div class="row">
            <div class="container ffff">
            <div class="row vt">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="a"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">a. Hành động trước khi suy nghĩ.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="b"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">b. Suy nghĩ thật “chín” trước khi hành động. </span></div>
                </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="c"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">c. Chỉ tin vào kinh nghiệm thực tế.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="d"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">d. Chỉ tin vào bản năng mà thôi.</span></div>
                </div>
                </div>
            </div>
            <div class="row vt">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="e"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">e. Xem trọng tính trung thực và công bằng.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="f"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">f. Xem trọng sự hòa thuận và tình thương.</span></div>
                </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="g"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">g. Làm việc trước, chơi sau.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="h"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">h. Chơi trước và làm việc sau.</span></div>
                </div>
                </div>
            </div>
            </div>
        </div>
        <div class="row f-row">
            <div class="container ffff">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 f-color group">
                <h4 class="f-tab"><i class="glyphicon glyphicon-check"> </i> Trong công việc, bạn …</h4>
            </div>
            </div>
        </div>          
        <div class="row">
            <div class="container ffff">
            <div class="row vt">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="a"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">a. Thích “đóng vai chính”.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="b"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">b. Thích “ẩn mình” sau “hậu trường”.</span></div>
                </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="c"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">c. Chú ý mọi chi tiết và nhớ tất cả sự việc.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="d"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">d. Chỉ chú ý những điều mới lạ.</span></div>
                </div>
                </div>
            </div>
            <div class="row vt">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="e"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">e. Nguồn động viên chính là thành tích đạt được.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="f"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">f. Cảm thấy “ấm lòng” vì sự công nhận của sếp.</span></div>
                </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="g"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">g. Quyết định mọi việc khá dễ dàng.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="h"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">h. Có thể ra quyết định khá khó khăn.</span></div>
                </div>
                </div>
            </div>
            </div>
        </div>
        <div class="row f-row">
            <div class="container ffff">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 f-color group">
                <h4 class="f-tab"><i class="glyphicon glyphicon-check"> </i> Nhìn chung bạn có khuynh hướng …</h4>
            </div>
            </div>
        </div>          
        <div class="row">
            <div class="container ffff">
            <div class="row vt">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="a"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">a. Thoải mái và nhiệt tình.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="b"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">b. Độc lập và kín đáo.</span></div>
                </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="c"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">c. Có óc thực tế - thấy điều cụ thể trước mắt.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="d"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">d. Có óc sáng tạo – thấy điều có thể làm được.</span></div>
                </div>
                </div>
            </div>
            <div class="row vt">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="e"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">e. Bị thuyết phục bởi những lập luận có lý.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="f"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">f. Bị thuyết phục bởi cảm giác của bản thân.</span></div>
                </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 f-padding">
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="g"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">g. Chỉ cảm thấy thoải mái khi mọi việc đã có kế hoạch rõ ràng.</span></div>
                </div>
                <div class="row">
                    <div class="col-xs-1"><input type="checkbox" value="h"></div>
                    <div class="col-xs-10 fff"><span lang="EN-GB">h. Thích tự do và ứng biến tùy lúc.</span></div>
                </div>
                </div>
            </div>
            </div>
        </div>
        <br>
        <!-- End Câu hỏi và trả lời thứ 3 - 4 - 5 ... -->
        <!-- Button xem kết quả -->
        <div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-xs-12">
            <a href="#" title=""><button id="btnViewResult" type="button" class="btn btn-hn btn-block" onclick="viewResult();">Xem kết quả</button></a>
        </div>
        <!--/ End button xem kết quả -->
    </div><!--/ Page content left -->        
</asp:Content>
<asp:Content ID="Script" ContentPlaceHolderID="Script" runat="server">
    <script src="/js/jquery.jqote2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(':checkbox').click(function () {
                var sibs = $(this).parent().parent().siblings();
                var chks = sibs.find('input');

                chks.prop('checked', !$(this).prop('checked'));
            });

            $(".row span").click(function () {
                var chk = $(this).parent().parent().find("input");
                chk.click();
            });
        });

        function viewResult() {
            var totalA = $('input[value="a"]:checked').length;
            var totalB = $('input[value="b"]:checked').length;
            var totalC = $('input[value="c"]:checked').length;
            var totalD = $('input[value="d"]:checked').length;
            var totalE = $('input[value="e"]:checked').length;
            var totalF = $('input[value="f"]:checked').length;
            var totalG = $('input[value="g"]:checked').length;
            var totalH = $('input[value="h"]:checked').length;

            if (validateForms() == false) {
                alert('Bạn phải nhập đủ thông tin!');
                return false;
            }
            
            window.location.href = "/kq-trac-nghiem.html?a=" + totalA + "&b=" + totalB + "&c=" + totalC + "&d=" + totalD + "&e=" + totalE + "&f=" + totalF + "&g=" + totalG + "&h=" + totalH;
        }

        function validateForms() {
            var clusters = $('.f-padding');
            var valid = true;
            clusters.each(function () {
                var n = $(this).find('input:checked').length;
                if (n == 0) {
                    this.style.color = "red";
                    valid = false;
                } else {
                    this.style.color = "";
                }
            });
            
            return valid;
        }
    </script>
</asp:Content>
